<template>
    <div>
        <el-tree
            style="max-width: 1240px;height: 900px;"
            :data="data"
            show-radio
            node-key="id"
            :default-expanded-keys="[2, 3,4,5,6,7,8,9,10 ,11,12,13,14,15,16,17,18,19]"
            :props="defaultProps"
          />
    </div>
</template>

<script setup lang="ts">
import { onMounted, ref } from "vue";
import { read } from "../../stores/host";
onMounted(() => {
  gettype();
});
    const data = ref([]);
const defaultProps = {
  children: "children",
  label: "classifyName",
  id: "id",
};
const gettype = () => {
  read.get("procurementread/api/Procurement/GetSuppliersType").then((res) => {
    data.value = res.data.data;
  });
};
</script>

<style scoped>

</style>